<template>
  <div>
    <h3>女人组件</h3>
    <div>金钱：{{ money }}</div>
    <button @click="less">买口红-10</button>
    <!-- <button>买口红-10</button> -->
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  //   computed: mapState(["money"]),
  //   computed: {
  //     ...mapState(["money"]),
  //     num() {
  //       return 1;
  //     },
  //   },

  computed: {
    ...mapState({
      money: "money",
      num: "car",
    }),
  },

  //   methods: {
  //     less() {
  //       this.$store.state.money -= 10;
  //     },
  //   },
  methods: {
    less() {
      this.$store.commit("less");
    },
  },
};
</script>

<style></style>
